using the darker border color.
slider {
@include button(normal-alt, $edge: $shadow_color);
- border: 1px solid darken($borders_color, 3%);
+ border: 1px solid darken($alt_borders_color, 3%);
border-radius: 100%;
transition: $button_transition;
transition-property: background, border, box-shadow;
&:active { border-color: $selected_borders_color; }
- &:disabled { @include button (insensitive); }
+ &:disabled { @include button(insensitive); }
&:backdrop {
transition: $backdrop_transition;
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1);
- border: 1px solid #1a1c1c;
+ border: 1px solid #090909;
border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-property: background, border, box-shadow; }
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
background-image: linear-gradient(to bottom, #f4f4f4 20%, #e8e8e7 90%);
box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1);
- border: 1px solid #afafab;
+ border: 1px solid #898984;
border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-property: background, border, box-shadow; }